<div class="modal-header" style="padding:0.5rem">
    <h5 class="modal-title">
        <span>Add Text</span>
    </h5>
    <span class="pull-right">
        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')"
            [disabled]="saving">
            <i aria-hidden="true" class="bi bi-x"></i>
        </button>
    </span>
</div>
<div class="modal-body" >
    <textarea class="form-control" type="text" row="25" style="min-height: 500px;" [(ngModel)]="data" name="data"> </textarea>
</div>
<div class="modal-footer">
    <button [disabled]="saving" type="button" class="btn btn-default font-weight-bold"
            (click)="close()">
        {{"Cancel" | localize}}
    </button>
    <button  class="btn btn-primary blue"  [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')" (click)="save()">
       <i class="fa fa-save"></i>{{"Save" | localize}}
    </button>
</div>